import React, { createContext,useReducer } from 'react'

export const ColorContext = createContext({});

export const UPDATE_COLOR = 'UPDATE_COLOR'

const reducer = (state,action) => {
  switch(action.type){
    case UPDATE_COLOR:
      return action.color
    default:
      return state
  }
}

export const Color = (props) => {
  const [color,dispatch] = useReducer(reducer,'blue')
  return (
    <ColorContext.Provider value={{color,dispatch}}>
      {props.children}
    </ColorContext.Provider>
  )
}
